@import './base.css';
@import './custom.css';
#app {
  height: 100vh;
  position: relative;
}

*{
  box-sizing: border-box;
}

.el-menu--popup{
  min-width: 100px !important;
}

@font-face {
  font-family: 'LianMengQiYiLuShuaiZhengRuiHeiTi';
  src: url('@/assets/fonts/LianMengQiYiLuShuaiZhengRuiHeiTi-2.ttf') format('truetype');
}

@font-face {
  font-family: 'youshebiaotihei';
  src: url('@/assets/fonts/youshebiaotihei.ttf') format('truetype');
}

.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all .5s ease-in-out;
}
.fade-transform-enter {
  opacity: 0;
  transform: translateX(-330px);
}
.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(330px);
}

@keyframes dangerColor {
  0%{
    color: var(--el-color-danger);
  }
  50%{
    color: var(--el-color-danger-light-8);
  }
  100%{
    color: var(--el-color-danger);
  }
  
}

@keyframes dangerBoxShadow {
  0%{
    box-shadow: inset 0 0 56px 0px var(--el-color-danger);
  }
  50%{
    box-shadow: inset 0 0 32px 5px var(--el-color-danger-light-8);
  }
  100%{
    box-shadow: inset 0 0 56px 0 var(--el-color-danger);
  }
}
